﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="./resources/semantic/semantic.css">
    <style>
        body, html {
            height: 100%;
            width: 100%;
            background: url(content/imgs/bg1.png) no-repeat;
            background-size: 100% 100%;
        }

        .button {
            line-height: 50px;
            height: 50px;
            background-color: #1c84f9;
            color: #ffffff;
            width: 100%;
            display: block;
            text-align: center;
            border: 0;
            cursor: pointer;
            text-transform: none;
            overflow: visible;
            font-family: inherit;
            font-weight: bold;
            margin-top: 20px;
        }

            .button:active {
                opacity: 0.6;
            }
    </style>
</head>
<body>
    <table style="height:100%;width:100%;">
        <tbody>
            <tr>
                <td style="width:50%; "></td>
                <td style="width:50%;">
                    <div style="display:inline-block;margin-bottom:20px;">
                        <h2 class="ui header">
                            <img src="content/imgs/logo.png" />
                            <div class="content" style="text-align:left;color:#eaf1f9;">
                                情报实战
                                <div class="sub header" style="text-align:left;color:#eaf1f9;">情报实战服务系统</div>
                            </div>
                        </h2>
                    </div>
                    <div style="display:block;width:100%;height:180px;position:relative;">
                        <div style="position:absolute; top:-1px;left:-75px;height:14px;width:450px; background:url(content/imgs/login-split.png) round;"></div>
                        <div style="width:300px;height:100%;border:1px solid #1c84f9;background-color:#ffffff;padding:20px;box-sizing:border-box;">
                            <div style="color:#6f6f6f;font-size:1.2em;box-sizing:border-box;">用户登录</div>
                            <div class="button">数字证书登录</div>
                            <div style="margin-top:20px; width:100%;">
                                <a href="../content/20150709112426_9349.rar" style="font-size:0.8em; color:#6f6f6f; float:left;text-decoration:none;">证书插件下载</a><a href="../content/chrome49.0.2623.112_setup.exe" style="font-size:0.8em; color:#6f6f6f;text-decoration:none;float:right;">浏览器下载</a>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>